* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:not(input, textarea, span) {
  user-select: none;
}

body {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  background-color: var(--main-bg-color);
}

.arco-table-td {
  user-select: text;
}

a {
  -webkit-user-drag: none;
}

/* 引入主题 */
@import './theme/light.less';
@import './theme/dark.less';

@font-face {
  font-family: YouSheBiaoTiHei;
  src: url('@/assets/fonts/YouSheBiaoTiHei.ttf')
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: var(--scroll-color);
  border-radius: 2em;
}

::-webkit-scrollbar-corner {
  background-color: none;
}

img {
  -webkit-user-drag: none;
}

.loading-wrap {
  position: relative;
}

.loading-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: var(--card-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.arco-spin-icon {
  color: rgb(var(--primary-6));
  font-size: var(--font-size-8);
}

.arco-form-item-label {
  font-size: var(--font-size-2) !important;
}

.arco-trigger-arrow {
  background-color: var(--card-bg-color) !important;
}

.arco-message {
  border: 0 !important;
}

.arco-drawer-container {
  z-index: 1001 !important;
}

.arco-message-icon {
  font-size: var(--font-size-5) !important;
  margin-right: 5px !important;
}

.arco-card {
  background: var(--card-bg-color) !important;
}

.arco-card-bordered,
.arco-card-header {
  border-color: var(--main-border-color) !important;
}

.arco-message-content,
.arco-tooltip-mini,
// .arco-btn-size-medium,
.arco-btn-size-small {
  font-size: var(--font-size-2) !important;
}

.arco-btn-secondary,
.arco-btn-secondary[type='button'] {
  background-color: var(--tabs-bg-color) !important;
  border: 1px solid var(--main-border-color) !important;
}

.arco-btn-size-medium {
  font-size: var(--font-size-2) !important;
}

.arco-btn,
.arco-link {
  line-height: 1 !important;
  font-size: var(--font-size-2) !important;
}

.arco-modal {
  background-color: var(--card-bg-color) !important;
  box-shadow: var(--main-box-shadow) !important;
}

.modal-danger {
  background: unset !important;

  >.arco-modal-body {
    display: flex;
    justify-content: center;
  }
}

.arco-alert {
  font-size: var(--font-size-2) !important;
}

.maxHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arco-tooltip-content {
  user-select: text;
}

.arco-modal-simple {
  padding: 20px 10px !important;

  .arco-modal-header {
    margin-bottom: 10px !important;
  }

  .arco-modal-body {
    padding: 10px !important;
  }

  .arco-modal-footer {
    margin-top: 15px !important;
  }
}

.maxHideTwo {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.maxHideThree {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.arco-dropdown,
.arco-select-dropdown,
.arco-select-dropdown,
.arco-select-option {
  background-color: var(--dropdown-bg-color) !important;
  border: none !important;
}

.arco-picker-range-container,
.arco-picker-container {
  background-color: var(--dropdown-bg-color) !important;
  border: none !important;
}

.arco-picker-header {
  border: none !important;
}

.arco-picker-header-icon {
  background-color: var(--dropdown-bg-color) !important;
}

.arco-select-dropdown .arco-select-option-active,
.arco-select-dropdown .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):hover {
  background-color: var(--main-hover-color) !important;
}

.arco-select-dropdown-list-wrapper {
  max-height: 125px !important;
}

.arco-dropdown-option {
  line-height: 24px !important;
  padding: 0 8px !important;
  font-size: var(--font-size-2) !important;
}

.arco-input {
  &::placeholder {
    font-size: var(--font-size-2) !important;
  }
}

.arco-input-focus {
  border-color: rgb(var(--primary-6)) !important;
}

.arco-link {
  padding: 0 1px !important;
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.alignCenter {
  align-items: center;
}

.justifyCenter {
  justify-content: center;
}

.justifyBetween {
  justify-content: space-between;
}

.justifyAround {
  justify-content: space-around;
}

.pointer {
  cursor: pointer;
}

.arco-select-view-single.arco-select-view-disabled,
.arco-input-wrapper.arco-input-disabled {
  color: var(--font-color-3) !important;
}

.arco-input[disabled] {
  -webkit-text-fill-color: var(--font-color-3) !important;
}

.arco-switch-small {
  width: 40px !important;
  height: 22px !important;
  line-height: 22px !important;

  .arco-switch-handle {
    width: 16px !important;
    height: 16px !important;
    top: 3px !important;
    left: 4px !important;
  }
}

.icon {
  &.arco-icon {
    stroke: unset;
  }
}

.arco-select-dropdown,
.arco-select-dropdown-list,
.arco-select-option {
  background-color: var(--card-bg-color) !important;
}

.arco-select-option {
  padding: 0 10px !important;
}

.arco-switch-small.arco-switch-checked .arco-switch-handle {
  left: calc(100% - 12px - 8px) !important;
}

.arco-table-element {
  height: 100%;
}

.arco-table-td {
  border-bottom: 0.1px solid var(--sub-border-color) !important;
  line-height: 1 !important;
  padding: 5px 0;
  text-align: center;
}

.arco-table-th-title {
  color: #909399;
  // font-size: 11px;
}

.arco-table-tr-empty>.arco-table-td {
  border: none;
}

.arco-table-container {
  flex: 1;
}

.flex1 {
  flex: 1;
  // overflow: auto;
  overflow: hidden;
  // overflow-x: hidden;
}

.window {
  .wrap {
    width: 100%;
    height: 100%;
    overflow-y: overlay;
    overflow-x: hidden;
    position: relative;
    display: flex;
    flex-direction: column;

    &::-webkit-scrollbar {
      display: none;
    }

    &:hover::-webkit-scrollbar {
      display: block;
    }
  }
}

.arco-table-hover:not(.arco-table-dragging) .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),
.arco-table-hover .arco-table-tr-drag .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) {
  background-color: var(--sub-hover-color) !important;
}

.arco-spin-mask {
  background-color: var(--card-bg-color) !important;
}

.arco-select-option-content {
  font-size: var(--font-size-2) !important;
}

.arco-trigger-menu {
  background-color: var(--card-bg-color) !important;
}

.arco-modal-container {
  .arco-modal-mask {
    background-color: rgba(29, 33, 41, 0.4);
  }
}

.arco-btn-secondary,
.arco-btn-secondary[type='button'],
.arco-btn-secondary[type='submit'] {
  color: rgb(68 101 184) !important;
  background-color: unset !important;
}

.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal {
  width: 600px;
}

.arco-modal-body .arco-slider {
  width: 50%;
}

.arco-drawer {
  background-color: var(--menu-bg-color) !important;
}

//后台内容
.wrap {
  // padding: 10px 10px 0 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;

  .page-head {
    padding: 10px;
  }

  .table-scroll {
    flex: 1;
    overflow: auto;
    padding: 20px;
    background-color: var(--menu-bg-color);
    border-radius: 10px;
  }
}

.arco-popover-popup-content {
  background: rgba(15, 19, 41, 0.85) !important;
  border: 1px solid rgba(46, 116, 255, 0.85) !important;
}

.arco-popover-popup-arrow {
  border-top: 1px solid rgba(46, 116, 255, 0.85) !important;
  border-left: 1px solid rgba(46, 116, 255, 0.85) !important;
  background: rgba(15, 19, 41, 0.85) !important;
}

.info-menu {
  .arco-popover-popup-content {
    padding: 0 !important;

    .arco-popover-content {
      margin-top: 0;
    }
  }

  .arco-popover-popup-arrow {
    background-color: var(--card-bg-color) !important;
  }
}

.arco-menu-item-tooltip {
  background-color: unset;

  .arco-tooltip-content {
    box-shadow: var(--main-box-shadow);
    background-color: var(--card-bg-color) !important;
    color: var(--font-size-1) !important;
  }
}

.arco-checkbox-group {
  display: unset !important;
}

.l7-popup .l7-popup-content {
  position: relative;
  padding: 12px !important;
  font-size: 14px;
  border-radius: 3px !important;
  border: 1px solid rgba(46, 116, 255, 0.8) !important;
  background: rgba(15, 19, 41, 0.85) !important;
  color: #fff;
}

.l7-popup-anchor-bottom .l7-popup-tip {
  border-top-color: rgba(15, 19, 41, 0.85) !important;
}

.arco-switch-checked {
  background-color: #4465b8 !important;
}

.arco-list-bordered {
  border: unset !important;
}

.arco-table-border .arco-table-tr .arco-table-th {
  border-bottom: 1px solid var(--color-neutral-3);
  background-color: var(--table-bg-color) !important;
}

.arco-list-content .arco-empty {
  flex-direction: column !important;
}

.arco-typography-operation-copy {
  padding: 10px 15px 0 10px !important;
}

.arco-typography {
  color: unset !important;
}

.arco-table-sorter-icon .arco-icon-caret-up {
  font-size: 16px !important;
}
.arco-table-sorter-icon .arco-icon-caret-down {
  font-size: 16px !important;
}